---
categories: [Widgets]
layout: page
title: Spinner
resource: true
---
      <div class="spinner"></div>
      <h2>Sizes</h2>
      <div class="spinner spinner-lg"></div>
      <div class="spinner"></div>
      <div class="spinner spinner-sm"></div>
      <div class="spinner spinner-xs"></div>
      <h2>Inline</h2>
      <h1>
        <div class="spinner spinner-lg spinner-inline"></div>
        Inside an &lt;h1&gt;
      </h1>
      <h2>
        <div class="spinner spinner-inline"></div>
        Inside an &lt;h2&gt;
      </h2>
      <h3>
        <div class="spinner spinner-sm spinner-inline"></div>
        Inside an &lt;h3&gt;
      </h3>
      <p>
        <div class="spinner spinner-xs spinner-inline"></div>
        Inside a &lt;p&gt;
      </p>
      <h2>On black</h2>
      <div style="background-color: black; padding: 15px; width: 100px; margin-bottom: 10px;">
        <div class="spinner spinner-inverse"></div>
      </div>
      <p class="text-info">
        <strong>Note:</strong>  IE9 requires a conditional class on &lt;html&gt; in order to display an animated gif fallback as it doesn't support CSS animation.  View source on this page and see lines 2-5.
      </p>
